<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="img/app_icon.png" type="image/x-icon">
    <title>活动详情</title>

    <!-- Bootstrap -->

    <link rel="stylesheet" href="css/bootstrap.css">
    <link href="css/activity.css" rel="stylesheet">
    <script src="js/vendor/jquery-2.2.4.min.js"></script>
    <script src="js/vendor/bootstrap.min.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <!--<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>-->
    <![endif]-->
</head>
<body>

<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators" id="inds">
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner" id="imgs">

    </div>

</div>
<div id="activity-content">
    <p id="activity-title"></p>
    <p id="activity-sub-title" class="text-0-5"></p>
    <p id="activity-money"></p>
</div>
<div id="activity-group-purchase">
    <div id="activity-rule">
        <p class="activity-rule-type">立减团</p>
        <p id="activity-rule-title" class="text">拼团玩法</p>
    </div>
    <p id="activity-rule-content">支付开团并邀请2家参团，拼团失败则自动退款</p>
    <div id="activity-rule-people">
        <div id="activity-rule-people-content">
            <img src="img/pic_login_portrait_boy.png" alt="avatar" id="rule-people-avatar">
            <p id="rule-icon">团</p>
            <p id="rule-people-name">里各自的姓名</p>
            <div id="rule-btn">去参团</div>
            <div id="rule-address">
                <p id="what-people">还差1人成3人团</p>
                <p id="rule-time">剩余22:21:35结束</p>
            </div>
        </div>
    </div>

</div>
<div id="rule-detail">
    <div id="rule-detail-top">
        <p class="activity-rule-type">立减团</p>
        <p id="rule-detail-title" class="text">活动标题</p>
        <p id="rule-detail-money">$99</p>
    </div>
    <div>
        <p id="rule-detail-time">
            有效期：2018/08/15-2018/08/30
        </p>
        <p id="go-rule-btn">
            发起拼团
        </p>
    </div>
</div>
<div id="set-meal-content">

</div>
<div id="set-meal-address">

</div>
<div id="initiator">
    <div>
        <img src="img/pic_login_portrait_boy.png" alt="initiator logo" id="initiator-logo">
        <img src="img/ic_activity_list_hz.png" alt="initiator-logo-icon" id="initiator-logo-icon">
    </div>
    <div class="s-margin-left-10">
        <p class="text" id="initiator-address">

        </p>
        <p class="text-0-5" id="initiator-information">
        </p>
    </div>
</div>
<div id="activity-introduction">
    <div class="text-0-5">活动详情</div>
    <div id="activity-introduction-address">
        <p class="text"id="activity-introduction-information"></p>
        <img src="" alt=""id="activity-introduction-poster">
        <p class="text s-margin-top-10" id="activity-introduction-cancellation"></p>
    </div>
</div>
<a id="btn-up-app" type="button" class="btn btn-primary">APP内打开</a>


<script src="js/utils/ajax-utils.js"></script>

<script src="js/activity.js"></script>


</body>
</html>